import React, { Component } from 'react';
import {
    View,
    Text,
    Image,
    FlatList,
    TouchableOpacity,
    TouchableWithoutFeedback,
    Dimensions,
} from 'react-native';


var screenWidth = Dimensions.get('window').width;

class HomeHeader extends Component {
    state = {
    };

    render() {

        return (
            <View
                style={
                    [styles.header,
                    { backgroundColor: this.state.headerBGcolor }]
                }
            >
                <Text style={styles.title}>
                    今日热闻
                </Text>
            </View>
        );
    }
}


// export { HomeHeader }

export default HomeHeader;



var styles = {
    header: {
        position: 'absolute',
        height: 50,
        width: '100%',
        justifyContent: 'center',
        alignItems: 'center',
    },

    title: {
        color: 'white',
        fontSize: 16,
        fontWeight: 'bold',
        top: 7,
    },
}